<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>瓢城企训网</title>
    <link type="text/css" href="reset.css" rel="stylesheet">
    <link type="text/css" href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link  type="text/css" href="style.css" rel="stylesheet"/>
</head>
<body>
    <div class="container">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#" >
                        <img alt="Brand" src="images/logo.png">
                    </a>
                    <!--响应式的时候点击按钮-->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                       <li >
                           <a href="index.html">
                               <span class=" glyphicon glyphicon-home" aria-hidden="true"></span>
                           首页</a>
                       </li>
                        <li>
                            <a href="information.html">
                                <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
                             资讯</a>
                        </li>
                        <li>
                            <a href="case.html">
                                <span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
                            案例</a>
                        </li>
                        <li class="active">
                            <a href="about.html">
                                <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                            关于</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="jumbotron">
        <div class="container">
            <h1>关于</h1>
            <h4>企业内训的最新动态、资源等...</h4>
        </div>
    </div>
    <div id="about">
        <div class="container">
            <div class="row">
                <div class="col-md-3 hidden-sm hidden-xs">
                    <div class="list-group">
                        <a href="#" class="list-group-item">机构简介</a>
                        <a href="#" class="list-group-item">加入我们</a>
                        <a href="#" class="list-group-item">联系方式</a>
                    </div>
                </div>
                <div class="col-md-9 about">
                    <a name="1"></a>
                    <h3>机构简介</h3>
                    <p>瓢城企业培训有限公司是一家专业以智能化弱电工程为主的高科技民营企业，公司自创立以来一直专业致力于智能化弱电工程；始终坚持发扬"诚信、创新、沟通"为企业宗旨，以"技术、服务"为立业之本的团体精神，并形成一套完整的设计、安装、调试、培训、维护一站式服务体系。</p>
                    <a name="2"></a>
                    <h3>加入我们</h3>
                    <p>瓢城企业培训有限公司是一家专业以智能化弱电工程为主的高科技民营企业，公司自创立以来一直专业致力于智能化弱电工程；始终坚持发扬"诚信、创新、沟通"为企业宗旨，以"技术、服务"为立业之本的团体精神，并形成一套完整的设计、安装、调试、培训、维护一站式服务体系。</p>
                    <p>请发送您的简历到：hr@xxx.com，我们会在第一时间联系您！</p>
                    <a name="3"></a>
                    <h3>联系方式</h3>
                    <p>地址：江苏省盐城市亭湖区大庆中路1234号</p>
                    <p>邮编：1234567</p>
                    <p>电话：010-88888888</p>
                    <p>传真：010-88666666</p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <p>企业培训 | 合作事宜 | 版权投诉</p>
        <P>苏ICP备12345678. © 2009-2016 瓢城企训网. Powered by Bootstrap.</P>
    </div>

 </body>
</html>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
    /*设置高度垂直居中*/
    $(window).load(function(){
        $('.text').eq(0).css('margin-top',($('.auto').eq(0).height()-$('.text').eq(0).height())/2+'px')
    })
    $(window).resize(function(){
        $('.text').eq(0).css('margin-top',($('.auto').eq(0).height()-$('.text').eq(0).height())/2+'px')

    })
    $(window).load(function(){
        $('.text').eq(1).css('margin-top',($('.auto').eq(1).height()-$('.text').eq(1).height())/2+'px')
    })
    $(window).resize(function(){
        $('.text').eq(1).css('margin-top',($('.auto').eq(1).height()-$('.text').eq(1).height())/2+'px')

    })
</script>